*{
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  box-sizing: border-box;
}
#bg{
  background-image: url("/Images/N.jpg");
  height: 750px;
  width: 100%;
  background-size: cover;
}

nav>div{
  display: flex;
  width: 100%;
  height: 90px;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 10px 20px;
}
nav>div>div{
  background-color: rgb(255, 255, 255);
  /* opacity:95%; */
  margin-top: 10px;
border-radius: 50px;
display: flex;
width: 50%;
align-items: center;
padding: 0px 10px;
padding-left: 30px;
justify-content: space-between;
}
nav a:nth-child(1){
  color: white;
}
nav a{
  text-decoration: none;
  color: black;
  margin: 10px;
}
nav button{
  padding: 12px;
}
nav button:nth-child(5){
width: 100px;
margin-right: -20px;

border-radius: 25px;
border: none;
background-color: #df262f;
color: white;
}
#home{
  color:black;
}
nav button:nth-child(6){
  width: 150px;
  border-radius: 20px;
  border: none;
  background-color: #df262f;
  color: white;
}


#video div{
  text-align: center;
}
#special{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 50px;
}
#special img{
  width: 100%;
  border-radius: 30px;

}
#special button{
  width: 100%;
  height: 60px;
  border-radius: 20px;
  border: none;
  background-color: #df262f;
  color: white;
  font-size: 20px;
}
.center{
  text-align: center;
padding: 60px 10px;
padding-bottom: 0px;
background-color: #F3F4F6;
padding-bottom: 60px;
}

#video p{
  color: rgb(0, 0, 0);
  font-family: 'Abhaya Libre', serif;
  font-size: 50px;
  font-weight: 500;
  margin: 70px;
  margin-bottom: 0px;
}
#video a{
  text-decoration: none;
  color: white;
  font-size: 18px;
} 
#video button:nth-child(2){
  width: 200px;
  height: 60px;
  border-radius: 30px;
  border: none;
  background-color: #df262f;
  color: white;
  margin: 10px 10px ;
}
.center h1{
  font-family: 'Abhaya Libre', serif;
  font-size: 48px;
 
}
.center div>div:hover{
  background-color: rgb(255, 254, 254);
}
.center div>div{
  padding: 20px;
  border-radius: 20px;
}
#special button{
  overflow: hidden;   
  height: 0px;
  margin: 10px 0px;
  margin-top: 25px;
}
#special:hover button{
   overflow: visible;
  transition: all.5s ease-in; 
  height: 55px;
}
#special p{
  text-align: left;
  margin-left: 15px;
  font-size: 23px;
  margin: 10px;
  margin-bottom: 20px;
}
#special >div>span>img{
  width: 5%;
  margin: 0px 10px;
  margin-bottom: -5px;
}
#special >div>span{
  background-color: lightgrey;
  padding: 8px 15px;
  margin: 05px;
  border-radius: 20px;
  height: 40px;
  text-align: left;

}
#special >div{
  text-align: left;
}
.center1 h1{
  font-family: 'Abhaya Libre', serif;
  font-size: 48px;
 text-align: center;
}
.center1{
  margin: 60px 0px;
}
#rotate{
  height: 250px;
  margin: auto;
  position: relative;
  display: flex;
  flex-direction: row;
  width: 90%;
  place-items: center;
  overflow: hidden;
}
.slide{
  display: flex;
  width: calc(250px*26);
  animation: scroll 20s linear infinite;

}
@keyframes scroll{
  0%{
    transform: translateX(0);
  }
  100%{
    transform: translateX(calc(-250px*13));
  }
}
.slide{
  height: 250px;
  width: 250px;
  display: flex;
  align-items: center;
  padding: 15px;
  perspective: 100px;
}
.slide img{
  width: 110px;
  margin: 20px;
  transition: transform 1s;
}

.slide img:hover{
  transform: translateZ(20px);
}

#About{
  display: flex;
  width: 95%;
  padding: 50px 0px;
}
#About div:nth-child(2){
  width: 50%;
  padding-left: 30px;
}
#About > div:nth-child(1){
  width: 67%;
}
#About img{
  width: 95%;
}
#About > div>p:nth-child(1){
  font-size: 45px;
  font-weight: 500;
  text-align: center;
  font-family: 'Abhaya Libre', serif;
}
#About > div>p:nth-child(2){
  line-height: 25px;
  margin-top: 20px;
  text-align: justify;
} 
#fleet{
  width: 100%;
  background-color: #F3F4F6;
}
#change{
 
  width: 95%;
 display: grid;
 grid-template-columns: repeat(2,1fr);
 text-align: center;
 gap: 30px;
margin: auto;
padding-bottom: 50px;
} 
#change  img{
  width: 100%;
  border-radius: 10px;
}

#fleet p{
  text-align: center;
  font-size: 30px;
  padding: 30px;
  font-size: 50px;
  font-weight: 400;
  text-align: center;
  font-family: 'Abhaya Libre', serif;
}

#footer{
  background-color: #F3F4F6;
  color:#000000 ;
  width: 100%;
  height: 350px;
  font-weight: bolder;
  display: flex;
  justify-content: space-around;
  padding: 40px 20px;
}
#footer a{
  text-decoration: none;
  color:rgb(80, 79, 79) ;
  font-weight: 400;
  font-size: 14px;
  line-height: 30px;
} 
#footer p{
  letter-spacing: .7px;
  padding: 5px 0px 10px 0px;
  font-family: 'Abhaya Libre', serif;
  font-size: 20px;
}
#footer input{
  font-size: 12px;
  padding: 8.8px 20px;
  border-radius: 8px;
  border: none;
  width:295px;
  margin: 10px 0px;
  background-color: #ffffff;
  border: 1px solid black;
}
.r10 div:nth-child(2){
  border: 1px solid black;
}
#fs1{
  display: flex;
  width: 60%;
  margin: auto;
justify-content: center;
align-items: center;
}
#fs{
  text-align: center;
  width: 60%;
  margin: auto;
  padding: 30px;
}
#fs p{
  font-size: 35px;
  padding: 10px;
  font-family: 'Abhaya Libre', serif;
}
#fs1 select{
  appearance: none;
  margin: auto;
  padding: 10px 50px;
  text-align: center;
  margin: 10px;
  border-radius: 20px;
  background-color: white;
}
#fs1 option{
  text-align: left;
}

#special1{
  width: 95%;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  margin: auto;
  gap: 50px;
  margin-bottom: 50px;
}
#special1 p{
  text-align: center;
  margin-left: 15px;
  font-size: 23px;
  margin: 10px;
  margin-bottom: 20px;
  height: 50px;
}

#special1 div{
  padding: 20px;
  text-align: left;
  border-radius: 20px;
 
}
#special1 img{
  width: 100%;
  border-radius: 10px;
}
#special1 button{
  width: 100%;
  height: 50px;
  border-radius: 20px;
  border: none;
  background-color: #df262f;
  color: white;
  font-size: 20px;
  margin-top: 25px;
}
#special1 div:hover{
  background-color: rgb(255, 254, 254);
}
#special1 div:hover p{
  background-color: rgb(255, 254, 254);
}
#special1>div>span>img{
  width: 5%;
  margin: 0px 10px;
  margin-bottom: -5px;
  background-color: lightgray;
}
#special1 >div >span{
  background-color: lightgray;
  padding: 8px 15px;
  margin: 15px;
  border-radius: 25px;
  text-align: left;
}
#special1 span{
  background-color: lightgrey;
}
#cart-page{
  width: 70%;
}
#cart-page1{
  width: 40%;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
#cart-page>img{
width: 100%;
border-radius: 20px;

}
#jin{
  width: 90%;
  display: flex;
  margin: auto;
  padding: 80px 10px;
}
#date1{
  display: flex;
  flex-direction: column;
  text-align: left;
}
#date1 div{
  background-color: #F3F4F6;
  margin: auto;
  width: 100%;
  text-align: left;
  margin: 20px;
  padding: 30px;
  border-radius: 15px;
}
#date1 input{
margin: 10px 5px;
border-radius: 4px;
padding: 5px 10px;
width: 250px;
}
#date1 p{
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
}
#date1{
  font-size: 18px;
}
#cart-page1 button{
  margin-left: 40px;
  width:89%;
  height: 70px;
  border-radius: 20px;
  border: none;
  background-color: #df262f;
  color: white;
  font-size: 25px;
  margin-top: 20px;
}
#cart-page1 a{
  text-decoration: none;
  color: white;
}
#cart-page1 h1:nth-child(1){
  font-family: 'Abhaya Libre', serif;
  font-size:43px;
  margin-left: 50px;
  margin-bottom: 20px;
  font-weight: 600;
  margin-top: 0px;

}
#cart-page>div span img{
  width: 20px;
  margin: 0px 3px;
}
#cart-page>div>span{
  padding: 15px 40px;
  border-radius: 30px;
  background-color: #F3F4F6;
}
#cart-page>div:nth-child(2){
  margin: 20px 0px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}

#cart-page1 h1:nth-child(2){
  font-weight: 500;
  font-size: 38px;
  margin: 10px 0px;
  padding: 20px 48px;
  margin-left: 40px;
  color: #ff000d;
  border-radius: 15px;
  background-color: #F3F4F6;
  font-family: 'Abhaya Libre', serif;
}
#cart-page #chi12 h2{
  font-family: 'Abhaya Libre', serif;
  font-size: 30px;
  letter-spacing: 1px;
  margin: 10px;
  margin-top: 30px;
}
#cart-page #chi12 p{
  line-height: 30px;
  font-weight: 400;
}
#pay{
  margin: auto;
  width: 60%;
border:1px solid black;
  border-radius:10px;
}
#pay2{
  display: flex;
  background-color: #F3F4F6;
  border-radius:10px;
 
}
#pay2 span{
  padding: 20px 85px;
  font-size: 18px;
  background-color: #F3F4F6;
  margin: auto;
  border-radius:10px;
}

#h0 h1{
  text-align: center;
  font-family: 'Abhaya Libre', serif;
  font-size: 35px;
}
#h0{
  margin: 70px;
  
}
#CD{
  height: 400px;
  border-top:1px solid #000000;
  border-radius:0px 0px 11px 11px;
  background-color: #F3F4F6;
  display: flex;
  justify-content: center;
  align-items: center;
}
#CD{
  font-size: 18px;
  /* display: none; */
}
#CD input:nth-child(1){
  padding: 8px 15px;
  text-align: center;
  margin: 15px;
 
}
#CD input:nth-child(3){
  padding: 8px 20px;
  text-align: center;
  margin: 15px;
  width: 162px;
}
#CD input:nth-child(4){
  padding: 8px 20px;
  text-align: center;
  margin: 15px;
  width: 162px;
}
#CD #otp{
  margin: 20px 200px;
  border-radius: 10px;
  background-color:#ff000d;
  color: #F3F4F6;
  border-color: white;
  font-size: 20px;
  padding: 10px 40px;
}
#UPI{
  height: 400px;
  border-top:1px solid #000000;
  border-radius:0px 0px 11px 11px;
  background-color: #F3F4F6;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
#UPI{
  font-size: 16px;
  display: none;
}
#UPI input:nth-child(1){
  padding: 8px 15px;
  text-align: center;
  margin: 15px;
  width: 455px;
}
#UPI input:nth-child(3){
  padding: 8px 20px;
  text-align: center;
  margin: 20px ;
  width: 400px;
}

#UPI #otp2{
  margin: 20px 200px;
  border-radius: 10px;
  background-color:#ff000d;
  color: #F3F4F6;
  border-color: white;
  font-size: 20px;
  padding: 10px 40px;
}

#Net{
  height: 400px;
  border-top:1px solid #000000;
  border-radius:0px 0px 11px 11px;
  background-color: #F3F4F6;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
#Net{
  font-size: 16px;
  display: none;
}
#Net input:nth-child(1){
  padding: 8px 15px;
  text-align: center;
  margin: 15px;
  width: 415px;
}
#Net input:nth-child(3){
  padding: 8px 20px;
  text-align: center;
  margin: 20px ;
  width: 400px;
}

#Net #otp3{
  margin: 20px 200px;
  border-radius: 10px;
  background-color:#ff000d;
  color: #F3F4F6;
  border-color: white;
  font-size: 20px;
  padding: 10px 40px;
}
#IPU:hover{
 cursor: pointer;
 color: white;
 font-size: 18px;
 background-color: red;

 border-radius: 0;
}
#teN:hover{
  cursor: pointer;
  color: white;
  font-size: 18px;
  background-color: red;
  border-radius: 0;
  border-top-right-radius: 10px;
 }
 #DC:hover{
  cursor: pointer;
  color: white;
  font-size: 18px;
  background-color:red;
 
  border-radius: 0;
  border-top-left-radius: 10px;
 }
 #pl{
  background-image: url(/Images/Car\ Website\ –\ 1@2x.png);
  height: 750px;
  background-size: cover;
  width: 100%;
 }
 #entire{
  width: 50%;
  background-color: none;
 }
 #entire{
  display: flex;
  flex-direction: column;
  padding: 100px;
  align-items: center;
 }
 #entire h1{
  /* font-family: 'Abhaya Libre', serif; */
  font-size:49px;
  text-align: center;
  font-weight: 700;
  margin: 60px 0px;
  margin-left: 10px;
 }
 #entire input{
  padding: 10px 30px;
  border-radius: 10px;
  margin: 10px;
  width: 350px;
  background-color: white;
 }
 #entire img{
  width: 40px;
  margin-bottom: -17px;
  margin-right: 5px;
 }
 #entire #lo{
  width: 39px;
  margin-right: 5px;
  margin-bottom: -14px;
 } 

#entire form #st{
  width: 150px;
  margin: 30px 130px;
  background-color: #df262f;
  color: white;
  height: 55px;
  font-size: 20px;
  border-radius: 15px;
}
#pl1{
  background-image: url(/Images/Background-home.png);
  height: 800px;
  background-size: cover;
  width: 100%;
 }
 #entire1{
  width: 50%;
  background-color: none;
 }
 #entire1{
  display: flex;
  flex-direction: column;
  padding: 10px;
  align-items: center;
 }
 #entire1 h1{
  /* font-family: 'Abhaya Libre', serif; */
  font-size:49px;
  text-align: center;
  font-weight: 700;
  margin: 25px 0px;
  margin-left: 10px;
 }
 #entire1 input{
  padding: 10px 30px;
  border-radius: 10px;
  margin: 10px 0px;
  width: 350px;
  background-color: white;
 }
 #entire1 img{
  width: 40px;
  margin-bottom: -17px;
  margin-right: 5px;
 }
 #entire label{

font-size: 12px;
 } 

#entire1 form #st1{
  width: 200px;
  margin: 10px 60px;
  background-color: #df262f;
  color: white;
  height: 55px;
  font-size: 20px;
  border-radius: 15px;
}